<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Data Cloud widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
table.whs3 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs4 { width:29.097%; }
col.whs5 { width:70.903%; }
tr.whs6 { x-cell-content-align:top; height:19px; }
td.whs7 { width:29.097%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs8 { width:70.903%; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs9 { font-size:9pt; font-weight:bold; }
tr.whs10 { x-cell-content-align:top; height:66px; }
td.whs11 { width:29.097%; padding-right:10px; padding-left:10px; border-left-style:Solid; border-left-color:#000000; border-left-width:1px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
td.whs12 { width:70.903%; padding-right:10px; padding-left:10px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
ol.whs13 { list-style:decimal; }
p.whs14 { font-size:9pt; margin-top:4.5pt; }
tr.whs15 { x-cell-content-align:top; height:69px; }
td.whs16 { width:29.097%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs17 { width:70.903%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
tr.whs18 { x-cell-content-align:top; height:71px; }
p.whs19 { font-size:9pt; margin-top:6px; margin-bottom:6px; margin-left:0px; font-weight:bold; }
tr.whs20 { x-cell-content-align:top; height:65px; }
tr.whs21 { x-cell-content-align:top; height:68px; }
p.whs22 { margin-top:4.5pt; }
tr.whs23 { x-cell-content-align:top; height:80px; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs19 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nFormatting widgets\nFormatting a Data Cloud widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Formatting a Data Cloud widget</h1>
<p class="whs2">For an image of a Data Cloud widget and steps 
 to add one to a document, see 
<a href="Defining_a_Data_Cloud_widget.htm" 
 style="font-size: 9pt;">Defining a Data Cloud widget</a>.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2">A Data Cloud widget inherits only the number 
 formatting from its Grid/Graph in Editable Mode. For example, if a dollar 
 sign ($) is used in the metric values in Editable Mode, a dollar sign 
 is also used in the metric values in the tooltips. A Data Cloud widget 
 does not inherit fonts and font colors from the Grid/Graph in Editable 
 Mode.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2">The table below lists the different aspects 
 of the Data Cloud widget that you can format, and describes the steps 
 to format them in MicroStrategy Web. The steps can be performed in Flash 
 Mode. They can also be performed in Interactive Mode if the widget has 
 been defined to display as a widget in DHTML, and DHTML is enabled in 
 Web. For instructions to determine how the widget is displayed, see 
<a 
 href="Widget_non_Flash.htm">Determining how a widget is rendered in non-Flash 
 modes</a>. For instructions to enable DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling 
 DHTML in MicroStrategy Web</a>.</p>
<p class="whs2">&nbsp;</p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs3">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='100%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs4">
<col class="whs5">


<tr valign="top" class="whs6">
<td colspan="1" rowspan="1" width="29.097%" class="whs7">
<p class="whs2"><span style="font-weight: bold;"><B>What to Format 
 in the Widget</B></span></td>
<td colspan="1" rowspan="1" width="70.903%" class="whs8">
<p class="whs9">How to Format it</td></tr>

<tr valign="top" class="whs10">
<td width="29.097%" class="whs11">
<p class="whs2">Whether the attribute elements in the widget 
 are sorted alphabetically</td>
<td width="70.903%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span><span> or </span><span 
 style="font-weight: bold;"><B>Interactive Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. The Properties 
 dialog box opens. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">To 
 sort the attribute elements alphabetically, select the <span style="font-weight: bold;"><B>Sort 
 Alphabetically</B></span> check box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs15">
<td width="29.097%" class="whs16">
<p class="whs2">Alignment of the widget</td>
<td width="70.903%" class="whs17">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode </B></span>or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 <span style="font-weight: bold;"><B>Align Left</B></span>, <span style="font-weight: bold;"><B>Center</B></span>, 
 <span style="font-weight: bold;"><B>Align Right</B></span>, or <span style="font-weight: bold;"><B>Justify</B></span> 
 from the <span style="font-weight: bold;"><B>Alignment</B></span> drop-down list.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs18">
<td width="29.097%" class="whs16">
<p class="whs2">Equation of the widget</td>
<td width="70.903%" class="whs17">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode </B></span>or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 <span style="font-weight: bold;"><B>Square Root</B></span>, <span style="font-weight: bold;"><B>Logarithm</B></span>, 
 or <span style="font-weight: bold;"><B>Linear</B></span> from the <span style="font-weight: bold;"><B>Equation</B></span> 
 drop-down list.</p></li>
	<ul>
<li style="font-size: 9pt; list-style: disc;" type=disc class=p><p class="whs19">Square Root<span style="font-weight: normal;">: 
 Select this option if you want to display your data in abrupt increments. 
 Selecting this option is beneficial if you have large value differences 
 between each set of data in the widget.</span> </p></li>
		
<li style="list-style: disc;" type=disc class=p><p class="whs19">Logarithm<span 
 style="font-weight: normal;">: Select this option if you want to display 
 your data in gradual, more smooth increments. Selecting this option is 
 beneficial if you are using percentage data that drops below 0%. </span></p></li>
		
<li style="list-style: disc;" type=disc class=p><p class="whs19">Linear<span 
 style="font-weight: normal;">: Select this option if you want to display 
 your data as a weighted average. For instance, selecting this option is 
 beneficial if you want to display the average sales data for each month 
 of the year, or the average profit for Q1 of 2007. </span></p></li>
	</ul>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs20">
<td width="29.097%" class="whs16">
<p class="whs2">Font size of the widget</td>
<td width="70.903%" class="whs17">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode </B></span>or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or type the font size (1-15) in the <span style="font-weight: bold;"><B>Minimum 
 Font Size</B></span> field.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs21">
<td width="29.097%" class="whs16">
<p class="whs2">Colors in which the attribute elements are displayed</td>
<td width="70.903%" class="whs17">
<ol type="1" class="whs13">
	
<li style="font-size: 9pt;" class=p><p class="whs22">In 
 <span style="font-weight: bold;"><B>Flash Mode </B></span>or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="font-size: 9pt;" class=p><p class="whs22">Specify 
 colors from the <span style="font-weight: bold;"><B>Font Color 1</B></span> and 
 <span style="font-weight: bold;"><B>Font Color 2</B></span> drop-down lists.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs23">
<td colspan="1" rowspan="1" width="29.097%" class="whs16">
<p class="whs2">Background color of the widget</td>
<td colspan="1" rowspan="1" width="70.903%" class="whs17">
<ol type="1" class="whs13">
	
<li style="font-size: 9pt;" class=p><p class="whs22">In 
 <span style="font-weight: bold;"><B>Flash Mode </B></span>or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="font-size: 9pt;" class=p><p class="whs22">Specify 
 a color from the <span style="font-weight: bold;"><B>Background Color</B></span> 
 drop-down list.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs23">
<td width="29.097%" class="whs16">
<p class="whs2">Border color of the widget</td>
<td width="70.903%" class="whs17">
<ol type="1" class="whs13">
	
<li style="font-size: 9pt;" class=p><p class="whs22">In 
 <span style="font-weight: bold;"><B>Flash Mode </B></span>or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style="font-size: 9pt;" class=p><p class="whs22">Specify 
 a color from the <span style="font-weight: bold;"><B>Border Color</B></span> 
 drop-down list. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p class="whs2">&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
